<template>
  <v-page>
    <view class="p-x-md bg-light m-t-md">
      <view class="p-y-md border-b d-flex justify-between">
        <view> 置顶会话 </view>
        <view>
          <u-switch v-model="checked" size="45"></u-switch>
        </view>
      </view>
      <view class="p-y-md border-b d-flex justify-between">
        <view> 加入黑名单 </view>
        <view>
          <u-switch v-model="checked" size="45"></u-switch>
        </view>
      </view>
      <view class="p-y-md border-b d-flex justify-between">
        <view> 清空聊天记录 </view>
        <view class="iconfont color-gray-1 fn-20"> &#xe601; </view>
      </view>
    </view>
    <view class="m-y-lg p-md fn-center color-error bg-light">
        删除好友
    </view>
  </v-page>
</template>
<script>
import uSwitch from "node_modules/uview-ui/components/u-switch/u-switch.vue";
export default {
  components: {
    uSwitch,
  },
  data() {
    return {
      checked: false,
    };
  },
};
</script>